<template>
  <el-row justify="center" style="width: 500px;">
    <el-col style="text-align: center;">
      <el-descriptions title="机器人信息" :column="1" border>
        <el-descriptions-item label="qq" label-align="left" align="center">
          {{ userdata?.user_id || '-' }}
        </el-descriptions-item>
        <el-descriptions-item label="昵称" label-align="left" align="center">
          {{ userdata?.nickname || '-' }}
        </el-descriptions-item>
        <el-descriptions-item label="好友数量" label-align="left" align="center">
          {{ userdata?.friend_count || 0 }}
        </el-descriptions-item>
        <el-descriptions-item label="群组数量" label-align="left" align="center">
          {{ userdata?.group_count || 0 }}
        </el-descriptions-item>
      </el-descriptions>
    </el-col>

</el-row>

    
</template>

<script setup>
const userdata = JSON.parse(localStorage.getItem('userdata'))
// const fieldNames = {
//   user_id:"QQ",
//   nickname:"昵称",
//   friend_count:"好友数量",
//   group_count:"群组数量",
// }
</script>
